.article-detail {
  background-color: #ffffff;
  .header {
    height: 750px;
    width: 750px;
    .header-img {
      height: 100%;
      width: 100%;
    }
  }
  .title {
    font-weight: 400;
    height: 32px;
    font-size: 33.33px;
    text-align: left;
    color: #000000;
    margin-top: 52px;
  }
  .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 27px;
    .avatar {
      height: 28px;
      width: 28px;
    }
    .username {
      font-size: 28px;
    }
  }
  .location {
    font-weight: 400;
    font-size: 20px;
    text-align: left;
    color: #4d4d4d 100%;
    margin-top: 30px;
    .position {
    }
    .name {
      margin-top: 10px;
    }

  }
  .content {
  }
  .footer {
    display: flex;
    justify-content: flex-end;
  }
}
